/*
 * @Description: 
 * @Version: 1.0
 * @Autor: c-jack.qian
 * @Date: 2021-04-22 11:47:48
 * @LastEditors: c-jack.qian
 * @LastEditTime: 2021-04-22 15:16:29
 */
import { init } from "snabbdom/build/package/init"
import { h } from "snabbdom/build/package/h"

const patch = init([])

// 创建一个虚拟dom
let vnode = h('div#id.cls', 'hello snabbdom')

// 获取真实dom，并且把它替换掉
let appdom = document.querySelector('#app')

// patch 两个参数，第一个旧可真实/虚拟dom， 第二个新虚拟dom,比较差异，转成真实dom，挂载到真实dom上， 并且返回新的虚拟dom，
let oldvnode = patch(appdom,vnode)

// 创建子元素
vnode = h('div#id.cls', [
    h('h1', 'hello world'),
    h('p','jakc')
])
oldvnode = patch(oldvnode, vnode)
// 清空元素
// setTimeout(() =>{
//     patch(oldvnode, h('!'))
// },2000)